<div class="container-fluid justify-content-center" style="background-color:#fff;margin-top:10px;">


<div class="container" style="background-color:#fff;">
    <footer class="py-5">
        <div class="row">
            <div class="col-2">
                <h5>新手指南</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>1))}" class="nav-link p-0 text-muted">用户协议</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>2))}" class="nav-link p-0 text-muted">网站使用</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>3))}" class="nav-link p-0 text-muted">网站地图</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>4))}" class="nav-link p-0 text-muted">学习规划</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>5))}" class="nav-link p-0 text-muted">就业指导</a></li>
                </ul>
            </div>
            <div class="col-2">
                <h5>售后服务</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>6))}" class="nav-link p-0 text-muted">课程顾问</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>7))}" class="nav-link p-0 text-muted">平台技术</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>8))}" class="nav-link p-0 text-muted">播放问题</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>9))}" class="nav-link p-0 text-muted">服务期限</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>10))}" class="nav-link p-0 text-muted">销售代理</a></li>
                </ul>
            </div>
            <div class="col-2">
                <h5>关于枣课</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>11))}" class="nav-link p-0 text-muted">关于我们</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>12))}" class="nav-link p-0 text-muted">平台介绍</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>13))}" class="nav-link p-0 text-muted">企业简介</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>14))}" class="nav-link p-0 text-muted">讲师招募</a></li>
                    <li class="nav-item mb-2"><a href="{:url('/article/details', array('articleid'=>15))}" class="nav-link p-0 text-muted">讲师合作</a></li>
                </ul>
            </div>
            <div class="col-4 offset-1">
                <form>
                    <h5>问题反馈</h5>
                    <p>您可以反馈您遇到的问题给我们.</p>
                    <div class="d-flex w-100 gap-2">
                        <label for="newsletter1" class="visually-hidden"></label>
                        <input id="newsletter1" type="text" class="form-control" placeholder="内容">
                        <button class="btn btn-primary" type="button">反馈</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="d-flex justify-content-between py-4 my-4 border-top">
            <p>&copy; Copyright 2015 - 2022 枣课网. All Rights Reserved <a target="_blank" style="color:#626671;" href="https://beian.miit.gov.cn/#/Integrated/index">蒙ICP备16001362号</a> <a style="color:#626671;" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=15010502001739"> <img src="__STATIC__/images/network.png" style=""/>蒙公网安备 15010502001739号</a> 营业执照</p>
            <ul class="list-unstyled d-flex">
                <li class="ms-3"><a class="link-dark" href="#">
                    <svg class="bi" width="24" height="24">
                        <use xlink:href="#twitter"/>
                    </svg>
                </a></li>
                <li class="ms-3"><a class="link-dark" href="#">
                    <svg class="bi" width="24" height="24">
                        <use xlink:href="#instagram"/>
                    </svg>
                </a></li>
                <li class="ms-3"><a class="link-dark" href="#">
                    <svg class="bi" width="24" height="24">
                        <use xlink:href="#facebook"/>
                    </svg>
                </a></li>
            </ul>
        </div>
    </footer>
</div>
</div>
<script src="__STATIC__/bootstrap-5.1.3/js/bootstrap.js"></script>
